iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 25
0
自我挑戰組

草頭黃小姐的 30 天 JavaScript 自學小本本系列 第 25

Day 25 認識一下 ES6:陣列的用法

  • 分享至 

  • xImage
  •  

Day 25 認識一下 ES6:陣列的用法

ES6 有許多很好使用的語法,但是其實很難一言以蔽之,很多東西可能要真正執行專案的時候,才會比較有感,所以我們這裡就挑幾個來説說。接下來我來介紹個在陣列很好用的功能,例如你現在有個陣列:

var friends =['Rose',`Joy`,'Cherry',`Monica`,`Lucy`];

如果我們想印出陣列的時候,就會用 for 迴圈這樣寫:

for (var i=0; i<friends.length; i++){
    console.log(friends[i]);
}

這事就會印出這些名字。

如果是在 ES6 的寫法,會更簡單,我來把 for 迴圈可以有更簡單的寫法,以下請看

friends.forEach(function(i){
  console.log(i);
})

可以印出同樣的寫法,這樣是不是簡單得多呢?

還記得最一開始的時候,也說過命名這件事很重要,已剛剛的例子來說,我在function 命名i,但是基本上我們在一個集合會用複數說明,那裡面的值用單數來寫,這樣也能更清楚印出的東西是什麼唷:)這麼說來就可以改寫成以下:

friends.forEach(function(friend){
  console.log(friend);
})

是不是覺得方便好用多了呢!

還記得上一回不是有提到箭頭函數嗎?其實也可以用在陣列上!

friends.forEach((friend)=>console.log(friend);
})

執行下去,效果依然是一樣的:)


上一篇
Day 24 認識一下 ES6:箭頭函數
下一篇
Day 26 認識一下 ES6:物件的簡寫
系列文
草頭黃小姐的 30 天 JavaScript 自學小本本30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言